<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
	<style type="text/css">
		body { font-family:Arial; font-size:12pt; padding:20px; width:820px; margin:20px auto; border:solid 1px black; }
		h1 { font-size:16pt; }
		h2 { font-size:13pt; }
		ul { margin:0px; padding:0px; margin-left:20px; }
		#list1, #list2 { width:350px; list-style-type:none; margin:0px; }
		#list1 li, #list2 li { float:left; padding:5px; width:100px; height:100px; }
		#list1 div, #list2 div { width:90px; height:50px; border:solid 1px black; background-color:#E0E0E0; text-align:center; padding-top:40px; }
		#list2 { float:right; }
		.placeHolder div { background-color:white !important; border:dashed 1px gray !important; }
		.table{
			border:1px solid #ccc;
			border-collapse:collapse;
		}
		.table td,.table th{
			border:1px solid #ccc;
		}
		.table tr{
			cursor:move;
		}
	</style>
</head>
<body>
	<script type="text/javascript" src="../jquery/jquery-1.10.2.js"></script>
	<script type="text/javascript" src="jquery.dragsort-0.5.1.min.js"></script>
	
	<h1>jQuery List DragSort Example</h1>
	
	<a href="http://dragsort.codeplex.com/">Homepage</a><br/>
	<br/>

	<h2>Simple 1D list:</h2>
	
	<ul>
		<li>bread</li>
		<li>vegetables</li>
		<li>meat</li>
		<li>milk</li>
		<li>butter</li>
		<li>ice cream</li>
	</ul>
	<br/>
	
	<script type="text/javascript">
		$("ul:first").dragsort();
	</script>
	
	<h2>Simple table:</h2>
	<table class="table">
        <thead>
          <tr>
            <th>#</th>
            <th>真实姓名</th>
            <th>登录名</th>
            <th>邮箱</th>
            <th>电话 </th>
            <th>最后登陆日期</th>
            <th>操作</th>
          </tr>
        </thead>
        <tbody id="sort-tbody">
        					<tr>
					<td><input name="" type="checkbox" value="" style="border:none"></td>
					<td><a href="/eboss-cloud/user/form?userId=00014324a86c4b02">demo</a></td>
					<td>demo</td>
					<td>demo@demo.com</td>
					<td>1366544545</td>
					<td></td>
					<td><a href="/eboss-cloud/user/delete/00014324a86c4b02">删除</a></td>
				</tr>
							<tr>
					<td><input name="" type="checkbox" value="" style="border:none"></td>
					<td><a href="/eboss-cloud/user/form?userId=0001430de57a5300">5555555</a></td>
					<td>55555555</td>
					<td>555@163.com</td>
					<td>555555</td>
					<td></td>
					<td><a href="/eboss-cloud/user/delete/0001430de57a5300">删除</a></td>
				</tr>
							<tr>
					<td><input name="" type="checkbox" value="" style="border:none"></td>
					<td><a href="/eboss-cloud/user/form?userId=0001430b1b6cca00">SuperAdmin</a></td>
					<td>SuperAdmin</td>
					<td>admin@163.com</td>
					<td>123456</td>
					<td></td>
					<td><a href="/eboss-cloud/user/delete/0001430b1b6cca00">删除</a></td>
				</tr>
							<tr>
					<td><input name="" type="checkbox" value="" style="border:none"></td>
					<td><a href="/eboss-cloud/user/form?userId=0001430a09439e00">admin</a></td>
					<td>admin</td>
					<td>admin@163.com</td>
					<td>1111</td>
					<td></td>
					<td><a href="/eboss-cloud/user/delete/0001430a09439e00">删除</a></td>
				</tr>
							<tr>
					<td><input name="" type="checkbox" value="" style="border:none"></td>
					<td><a href="/eboss-cloud/user/form?userId=00014309a01b0800">555</a></td>
					<td>555</td>
					<td>555@163.com</td>
					<td>555</td>
					<td></td>
					<td><a href="/eboss-cloud/user/delete/00014309a01b0800">删除</a></td>
				</tr>
							<tr>
					<td><input name="" type="checkbox" value="" style="border:none"></td>
					<td><a href="/eboss-cloud/user/form?userId=0001430993956c00">good</a></td>
					<td>good</td>
					<td>good@126.com</td>
					<td>good</td>
					<td></td>
					<td><a href="/eboss-cloud/user/delete/0001430993956c00">删除</a></td>
				</tr>
							<tr>
					<td><input name="" type="checkbox" value="" style="border:none"></td>
					<td><a href="/eboss-cloud/user/form?userId=000143097afa1d00">zhangsan</a></td>
					<td>zhangsan</td>
					<td>ma@163.com</td>
					<td>1312456465</td>
					<td></td>
					<td><a href="/eboss-cloud/user/delete/000143097afa1d00">删除</a></td>
				</tr>
							<tr>
					<td><input name="" type="checkbox" value="" style="border:none"></td>
					<td><a href="/eboss-cloud/user/form?userId=0001430954a22300">333</a></td>
					<td>333</td>
					<td>333@163.com</td>
					<td>333</td>
					<td></td>
					<td><a href="/eboss-cloud/user/delete/0001430954a22300">删除</a></td>
				</tr>
			</tbody>
      </table>
	<script type="text/javascript">
		$("#sort-tbody").dragsort();
	</script>
</body>
</html>
